<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title>谷科综合业务平台</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" href="../css/font.css">
	<link rel="stylesheet" href="../css/xadmin.css">
</head>
<body>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-body ">
					<div class="layui-collapse" lay-filter="test">
						<div class="layui-colla-item">
							<h2 class="layui-colla-title">条件筛选<i class="layui-icon layui-colla-icon"></i></h2>
							<div class="layui-colla-content layui-show">
								<form class="layui-form" lay-filter="seach_form">
									<div class="layui-form-item">
										<div class="layui-inline">
											<label class="layui-form-label">菜单名</label>
											<div class="layui-input-inline" style="width: 200px;">
												<input type="text" name="name" autocomplete="off"
													   class="layui-input">
											</div>
										</div>
										<!-- <div class="layui-inline">
                                            <label class="layui-form-label">code</label>
                                            <div class="layui-input-inline" style="width: 100px;">
                                                <input type="text" name="code" autocomplete="off" class="layui-input">
                                            </div>
                                        </div> -->
									</div>
									<div class="layui-form-item">
										<div class="layui-input-block">
											<button id="seach_submit" lay-submit class="layui-btn"
													lay-filter="seach_submit">查询</button>
											<button type="reset" class="layui-btn layui-btn-primary">重置</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-card-body">
					<table id="menu_table" lay-filter='menu_table'></table>

					<script type="text/html" id="head_toolbar">
						<div class="layui-btn-container">
							<a class="layui-btn layui-btn-xs" lay-event="add">新增</a>
						</div>
					</script>
					
					<script type="text/html" id="body_toolbar">
						<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
						<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
						<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
					</script>
					<div id="menu_page"></div>
				</div>
			</div>
		</div>
	</div>
</div>


</body>

<div id="addMenus" style="display: none;" class="layui-row">
	<form class="layui-form layui-col-md-offset2 goodcol-model-form" action="" lay-filter="add" style="width: 500px;height: 500px;">

		<div class="layui-form-item">
			<label class="layui-form-label">菜单名</label>
			<div class="layui-input-inline">
				<input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="请输入菜单名" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">菜单编码</label>
			<div class="layui-input-inline">
				<input type="text" name="code" placeholder="请输入菜单编码" autocomplete="off" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">路径</label>
			<div class="layui-input-inline">
				<input type="text" name="path" autocomplete="off" placeholder="请输入路径" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">图标</label>
			<div class="layui-input-inline">
				<input type="text" name="icon" autocomplete="off" placeholder="请输入图标" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">是否有子级</label>
			<div class="layui-input-block">
				<input type="radio" name="has_node" value=0 title="否" >
				<input type="radio" name="has_node" value=1 title="是" >
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">菜单等级</label>
			<div class="layui-input-inline">
				<select id="menuGrade" name="level" lay-filter="menuGrade">
					<option value=""></option>
					<option value=1>一级</option>
					<option value=2>二级</option>
					<option value=3>三级</option>
				</select>
			</div>
		</div>
	
		<div class="layui-form-item">
			<label class="layui-form-label">父级菜单</label>
			<div class="layui-input-inline">
				<select id="parentMenu1" name="parent_id" lay-filter="parentMenu">
					<option value=""></option>
				</select>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">备注</label>
			<div class="layui-input-inline">
				<input type="text" name="remark" autocomplete="off" placeholder="请输入备注" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item goodcol-model-fun">
			<div class="layui-input-block">
				<button id="menuAdd" class="layui-btn" lay-submit lay-filter="menuAddSubmit">立即提交</button>
				<span></span>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
</div>

<div id="editMenus" style="display: none;" class="layui-row">
	<form class="layui-form layui-col-md-offset2 goodcol-model-form" action="" lay-filter="edit" style="width: 500px;height: 500px;">
		<div class="layui-form-item">
			<label class="layui-form-label">菜单名</label>
			<div class="layui-input-inline">
				<input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="请输入菜单名" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">菜单编码</label>
			<div class="layui-input-inline">
				<input type="text" name="code" placeholder="请输入菜单编码" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">路径</label>
			<div class="layui-input-inline">
				<input type="text" name="path" autocomplete="off" placeholder="请输入路径" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">图标</label>
			<div class="layui-input-inline">
				<input type="text" name="icon" autocomplete="off" placeholder="请输入图标" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">是否有子级</label>
			<div class="layui-input-block">
				<input type="radio" name="has_node" value=0 title="否">
				<input type="radio" name="has_node" value=1 title="是">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">菜单等级</label>
			<div class="layui-input-inline">
				<select id="menuGrade1" name="level" lay-filter="menuGrade1">
					<option value=""></option>
					<option value=1>一级</option>
					<option value=2>二级</option>
					<option value=3>三级</option>
				</select>
			</div>
		</div>
	
		<div class="layui-form-item">
			<label class="layui-form-label">父级菜单</label>
			<div class="layui-input-inline">
				<select id="parentMenu1" name="parent_id" lay-filter="parentMenu1">
					<option value=""></option>
				</select>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">备注</label>
			<div class="layui-input-inline">
				<input type="text" name="remark" autocomplete="off" placeholder="请输入备注" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item goodcol-model-fun">
			<div class="layui-input-block">
				<button id="menuUpdate" class="layui-btn" lay-submit lay-filter="menuUpdateSubmit">立即提交</button>
				<span></span>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
</div>

<div id="detailMenus" style="display: none;" class="layui-row">
	<form class="layui-form layui-col-md-offset2 goodcol-model-form" action="" lay-filter="detail" style="width: 500px;height: 500px;">

		<div class="layui-form-item">
			<label class="layui-form-label">菜单名</label>
			<div class="layui-input-inline">
				<input type="text" name="name" lay-verify="title" autocomplete="off" disabled="" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">菜单编码</label>
			<div class="layui-input-inline">
				<input type="text" name="code" disabled="" autocomplete="off" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">路径</label>
			<div class="layui-input-inline">
				<input type="text" name="path" autocomplete="off" disabled="" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">图标</label>
			<div class="layui-input-inline">
				<input type="text" name="icon" autocomplete="off" disabled="" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">是否有子级</label>
			<div class="layui-input-inline">
				<input type="radio" name="has_node" value=0 title="否" disabled="">
				<input type="radio" name="has_node" value=1 title="是" disabled="">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">父级菜单</label>
			<div class="layui-input-inline">
				<input type="text" name="parent_id" autocomplete="off" disabled="" class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">备注</label>
			<div class="layui-input-inline">
				<input type="text" name="remark" autocomplete="off" disabled="" class="layui-input">
			</div>
		</div>

	</form>
</div>

<script src="../lib/jQuery/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="../lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/xadmin.js" type="text/javascript"></script>
<script src="../js/comm.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/menu.js" type="text/javascript" charset="utf-8"></script>


</html>
